$(function () {
    var form = layui.form
    // 调用接口加载用户信息
    function loadUserInfo() {
        $.ajax({
            type: 'get',
            url: 'my/userinfo',
            success: function (res) {
                if (res.status !== 0) {
                    layer.msg(res.messagr)
                    return
                }
                // 把数据填充到表单
                // $('.layui-form input[name=username]').val(res.data.username)
                // $('.layui-form input[name=nickname]').val(res.data.nickname)
                // $('.layui-form input[name=email]').val(res.data.email)
                //基于layui的方式获取信息
                form.val("baseForm", res.data)
            }
        })
    }
    loadUserInfo()


    //更新用户信息提交表单
    $('.layui-form').submit(function (e) {
        e.preventDefault()
        // var fd = $(this).serialize()
        var fd = $(this).serializeArray()
        //排除username的属性和值
        fd = fd.filter(function (item) {
            //筛选条件：排除username
            return item.name !== 'username'
        })
        //调用接口提交数据
        $.ajax({
            type: 'post',
            url: 'my/userinfo',
            data: fd,
            success: function (res) {
                layer.msg(res.message)
            }
        })
    })

    //重置表单 
    $('#resetForm').click(function () {
        loadUserInfo()
    })
})